import {
  AppstoreAddOutlined,
  CommentOutlined,
  FileSearchOutlined,
  HeartOutlined,
  PaperClipOutlined,
  ProductOutlined,
  ScheduleOutlined,
  SmileOutlined,
} from '@ant-design/icons';
import type { GetProp } from 'antd';
import { Prompts } from '@ant-design/x';
import React from 'react';

export const DEFAULT_CONVERSATIONS_ITEMS = [
  {
    key: 'default-0',
    label: 'What is Ant Design X?',
    group: 'Today',
  },
  {
    key: 'default-1',
    label: 'How to quickly install and import components?',
    group: 'Today',
  },
  {
    key: 'default-2',
    label: 'New AGI Hybrid Interface',
    group: 'Yesterday',
  },
];

export const HOT_TOPICS = {
  key: '1',
  label: '密铺探索',
  children: [
    {
      key: '1-1',
      description: '老师，为什么正五边形不能密铺平面？',
      icon: <span style={{ color: '#f93a4a', fontWeight: 700 }}>1</span>,
    },
    {
      key: '1-2',
      description: '正六边形密铺时，一个点周围有几个正六边形？',
      icon: <span style={{ color: '#ff6565', fontWeight: 700 }}>2</span>,
    },
    {
      key: '1-3',
      description: '我发现正三角形能密铺，这和它的内角有关系吗？',
      icon: <span style={{ color: '#ff8f1f', fontWeight: 700 }}>3</span>,
    },
    {
      key: '1-4',
      description: '如何用两种不同的正多边形进行密铺？',
      icon: <span style={{ color: '#00000040', fontWeight: 700 }}>4</span>,
    },
    {
      key: '1-5',
      description: '生活中有哪些密铺的例子？比如蜂巢是什么形状的？',
      icon: <span style={{ color: '#00000040', fontWeight: 700 }}>5</span>,
    },
  ],
};

export const DESIGN_GUIDE = {
  key: '2',
  label: '趣味数学',
  children: [
    {
      key: '2-1',
      icon: <HeartOutlined />,
      label: '几何知识',
      description: '探索多边形的奥秘，了解角度和形状的规律',
    },
    {
      key: '2-2',
      icon: <SmileOutlined />,
      label: '趣味题目',
      description: "动手做一做，用卡纸剪出多边形来密铺",
    },
    {
      key: '2-3',
      icon: <CommentOutlined />,
      label: '思考问题',
      description: '为什么有些图形能密铺而有些不能？',
    },
    {
      key: '2-4',
      icon: <PaperClipOutlined />,
      label: '生活应用',
      description: '在生活中发现密铺的例子，比如地砖和蜂巢',
    },
  ],
};

export const SENDER_PROMPTS: GetProp<typeof Prompts, 'items'> = [
  {
    key: '1',
    description: 'Upgrades',
    icon: <ScheduleOutlined />,
  },
  {
    key: '2',
    description: 'Components',
    icon: <ProductOutlined />,
  },
  {
    key: '3',
    description: 'RICH Guide',
    icon: <FileSearchOutlined />,
  },
  {
    key: '4',
    description: 'Installation Introduction',
    icon: <AppstoreAddOutlined />,
  },
]; 